<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2>Essential Links</h2>
    <ul>
      <li> 这个是vue2.0的框架，我会上传到码云上面，你们要安装git node；路由先看一下慕课网上的vue视频，再看一下官网上的例子。一开始不熟悉可以引入jq</li>
       <li> 1下面是安装我搭的环境</li>
        <li>2用 git clone </li>
        <li>3安装淘宝git镜像 百度一下 就是输入一行命令</li>
        <li>4 cnpm install 安装依赖包</li>
         <li>5 npm run dev 就行了浏览器就有了</li>
         <li>6 css用scss写很简单 在网上百度一下 10分学会</li>
      <li>这是一个跳转的例子<router-link :to="{path:'./test'}">跳转到test页面</router-link></li>
      <li>参考的ui框架有http://mint-ui.github.io/#!/zh-cn</li>
      <li>参考的ui框架有https://github.com/museui/muse-ui</li>
      <li>参考的地图组件有https://github.com/ElemeFE/vue-amap Vue2.0和高德地图的地图组件</li>
    </ul>
  </div>
</template>

<script>
    export default {
        name: 'hello',
        data() {
            return {
                msg: 'Welcome to Your Vue.js App'
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    h1,
    h2 {
        font-weight: normal;
    }
    
    ul {
        list-style-type: none;
        padding: 0;
    }
    
    li {}
    
    a {
        color: #42b983;
    }
</style>